<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        //有名函数
        // function fn(){    //()内为参数列表
        //     //code
        //     //return 语句
        // }
        //函数表达式--需要返回值接收表达式结果
        //const fn=function(){}
        //const result=fn();//调用函数

        //箭头函数:对之前普通函数的一种简化，写法更简洁
        //1.语法
        // const fn=() => {   //()内是函数的参数列表
        //     //code
        //     //return 语句
        // }

        // const add=(x,y)=>{
        //     return x+y
        // }

        // const result=add(1,2) //调用
        // console.log(result)

        //2.特性
        //1.当参数只有一个时，可以省略()
        // const log=arg=>{
        //     console.log(arg)
        // }
        // log(1)
        // log(`箭头函数`)

        //2.当函数体只有一句时可以省略{},此时函数自带return特性
        // const add=(x,y)=> x+y
        // console.log(add(1,2))

        //3.当直接返回一个对象时，为了简写，需要给对象加()
        // const state=()=>{
        //     return {
        //         token:`xxx`,
        //         userinfo:{
        //             name:`admin`,
        //             id:1
        //         }
        //     }
        // }

        //结合特性2和3
        // const state=()=> ({
        //         token:`xxx`,
        //         userinfo:{
        //             name:`admin`,
        //             id:1
        //         }
        //     })
        
        // setTimeout(function (){
        //     console.log(666)
        // },2000)

        setTimeout(()=>{
            console.log(666)
        },2000)
    </script>
</body>
</html>